<!DOCTYPE html>
<html>
 
<head>
    <meta charset=utf-8 />
    <title>fz-live</title>
    <!-- <link href="./css/video.css" rel="stylesheet">
    <script src="./js/video.js"></script>
    <script src="./js/videojs-live.js"></script>
    <link href="https://vjs.zencdn.net/7.4.1/video-js.css" rel="stylesheet">
    <script src='https://vjs.zencdn.net/7.4.1/video.js'></script>-->
    <link href="https://gitee.com/Test_KongBai/PerformanceTest/raw/master/Widgetbox/video-js.css" rel="stylesheet">
    <script src='https://gitee.com/Test_KongBai/PerformanceTest/raw/master/Widgetbox/video.js'></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script> <!--必须！！！> 
    <!-- videojs-contrib-hls 用于在电脑端播放 如果只需手机播放可以不引入 -->
</head>
 
<body>
    <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="1000" height="500" data-setup='{}'>
        <!--<source src="./src/z.m3u8" type="application/x-mpegURL">-->
        <source src="http://dbiptv.sn.chinamobile.com/PLTV/88888890/224/3221226233/index.m3u8" type="application/x-mpegURL">
    </video>
    <script>
        var liveUrl  =  'http://dbiptv.sn.chinamobile.com/PLTV/88888890/224/3221226233/index.m3u8';
        var player = videojs('my_video_1');
 
        player.ready(function() {
            this.src({
                src: liveUrl,
                type: 'application/x-mpegURL',
            });
        });
 
    </script>
</body>
 
</html>